/* global */

* {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-style: normal;
    text-decoration: none;
    overflow: hidden;
}

html,
body {
    position: relative;
    width: 100%;
    height: 100%;
    color: #333;
    font-family: Arial, Tahoma, Verdana, SimSun;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    background-color: #fff;
}

b {
    display: inline;
    font-weight: normal;
}

i {
    display: block;
}

a,
.lk,
.cat,
.tag {
    color: #158;
    text-decoration: none;
    display: inline;
    cursor: pointer;
}

.cf {
    height: 0;
    clear: both;
    overflow: hidden;
}

.ctt {
    padding: 5px 10px;
    text-align: left;
}

.ltxt {
    text-align: left;
}

.rtxt {
    text-align: right;
}

.ctxt {
    text-align: center;
}

.msg {
    padding: 20px;
    text-align: center;
    color: #f22;
    font-size: 24px;
}

.imgLoad {
    text-align: center;
}

.imgLoad img {
    width: 50px;
    margin: 20px auto;
    display: block;
}

.X {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: #fff;
    font-family: Verdana;
    font-size: 26px;
    background: linear-gradient(to top, #EF2700, #FF360F);
}

.X:hover {
    background: linear-gradient(to top, #EF401D, #FF512F);
}

.X:active {
    background: linear-gradient(to top, #DF3B1B, #EF4C2C);
}

.btn {
    display: block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #8E8EAF;
    background: linear-gradient(to top, rgba(215, 239, 194, .85), rgba(238, 255, 223, .85));
}

.btn:hover {
    color: #333;
    background: linear-gradient(to top, rgba(223, 239, 209, .85), rgba(247, 255, 239, .85));
}

.btn:active {
    color: #333;
    background: linear-gradient(to top, rgba(201, 223, 181, .85), rgba(223, 239, 209, .85));
}

.OK {
    position: absolute;
    right: 26px;
    top: 0;
    width: 46px;
    height: 26px;
    font-family: Verdana;
    font-size: 26px;
    border-width: 0 1px 0 1px;
}

.tdBox {
    height: 30px;
    white-space: nowrap;
    text-align: left;
}

.tdBox .td {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #8E8EAF;
    border-left: 0;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(to top, rgba(194, 195, 239, .85), rgba(223, 223, 255, .85));
}

.tdBox .td:hover {
    background: linear-gradient(to top, rgba(209, 209, 239, .85), rgba(239, 239, 255, .85));
}

.tdBox .td:active {
    background: linear-gradient(to top, rgba(181, 181, 223, .85), rgba(209, 209, 239, .85));
}

.tdBox .td1 {
    border-left: 1px solid #8E8EAF;
}

.tds1 .td {
    width: calc(100% - 1px);
    border-width: 1px 1px 1px 1px;
}

.tds2 .td {
    width: calc(50% - 1px);
}

.tds2 .td1 {
    width: calc(50% - 1px);
}

.tds3 .td {
    width: calc(33% - 1px);
}

.tds3 .td1 {
    width: calc(34% - 1px);
}

.tds4 .td {
    width: calc(25% - 1px);
}

.tds4 .td1 {
    width: calc(25% - 1px);
}

.tds5 .td {
    width: calc(20% - 1px);
}

.tds5 .td1 {
    width: calc(20% - 1px);
}

.tds6 .td {
    width: calc(17% - 1px);
}

.tds6 .td1 {
    width: calc(15% - 1px);
}

.tds7 .td {
    width: calc(14% - 1px);
}

.tds7 .td1 {
    width: calc(16% - 1px);
}

.tds8 .td {
    width: calc(13% - 1px);
}

.tds8 .td1 {
    width: calc(9% - 1px);
}

.tdBoxMenu .td {
    background: linear-gradient(to top, #D1C2EF, #EADFFF);
}

.tdBoxMenu .td:hover {
    background: linear-gradient(to top, #DBD1EF, #F4EFFF);
}

.tdBoxMenu .td:active {
    background: linear-gradient(to top, #C3B5DF, #DBD1EF);
}

.tdBox .s_ {
    color: #fff;
    background: linear-gradient(to top, #EF2700, #FF360F);
}

.ico15,
.ico20,
.ico25,
.ico30,
.ico36 {
    display: inline-block;
    background-image: url('rymaa.cn_ico_50x50.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.ico15 {
    width: 15px;
    height: 15px;
    background-size: 75px auto;
    background-position: -15px 50px;
}

.ico20 {
    width: 20px;
    height: 20px;
    background-size: 100px auto;
    background-position: -20px 50px;
}

.ico25 {
    width: 25px;
    height: 25px;
    background-size: 125px auto;
    background-position: -25px 50px;
}

.ico30 {
    width: 30px;
    height: 30px;
    background-size: 150px auto;
    background-repeat: no-repeat;
    background-position: -30px 50px;
}

.ico36 {
    width: 36px;
    height: 36px;
    background-size: 180px auto;
    background-repeat: no-repeat;
    background-position: -36px 50px;
}

.icoX {
    background-position: -30px -2490px;
}

.icoX:hover {
    background-position: -60px -2490px;
}

.icoX:active {
    background-position: -90px -2490px;
}

.icoWs,
.i_ .icoWs {
    background-position: -30px -3600px;
}

.icoWs:hover,
.i_ .icoWs:hover {
    background-position: -60px -3600px;
}

.icoWs:active,
.i_ .icoWs:active {
    background-position: -90px -3600px;
}

.a_ .icoWs {
    background-position: -30px -3570px;
}

.a_ .icoWs:hover {
    background-position: -60px -3570px;
}

.a_ .icoWs:active {
    background-position: -90px -3570px;
}

.n_ .icoWs {
    background-position: -30px -3630px;
}

.n_ .icoWs:hover {
    background-position: -60px -3630px;
}

.n_ .icoWs:active {
    background-position: -90px -3630px;
}

.H5WAP .icoWs,
.H5WAP .a .icoWs,
.H5WAP .i .icoWs,
.H5WAP .n .icoWs {
    display: none;
}


/*user info ico*/

.icoGen_0 {
    background-position: -15px -1875px;
}

.icoGen_1 {
    background-position: -15px -1620px;
}

.icoGen_2 {
    background-position: -30px -1620px;
}

.icoAtp_0 {
    background-position: -30px -1875px;
}

.icoAtp_1 {
    background-position: -45px -1620px;
}

.icoAtp_2 {
    background-position: -60px -1620px;
}

.icoAtp_3 {
    background-position: -15px -1635px;
}

.icoAtp_4 {
    background-position: -30px -1635px;
}

.icoAtp_5 {
    background-position: -45px -1635px;
}

.atp_6 {
    background-position: -60px -1635px;
}

.icoRl {
    background-color: rgba(255, 240, 0, .85);
}

.icoCl {
    background-color: rgba(240, 0, 255, .85);
}

.icoAtt {
    background-position: -30px -270px;
}

.icoAtt:hover {
    background-position: -60px -270px;
}

.icoAtt:active {
    background-position: -90px -270px;
}

.s4_ .icoAtt {
    background-position: -120px -270px;
}

.icoFans {
    background-position: -30px -300px;
}

.icoDis {
    background-position: -30px -3390px;
}


/*stat ico*/

.icoRh {
    background-position: -20px 0px;
}

.icoVc {
    background-position: -20px -20px;
}

.icoCc {
    background-position: -20px -60px;
}

.icoCc:hover {
    background-position: -40px -60px;
}

.icoCc:active {
    background-position: -60px -60px;
}

.icoPc {
    background-position: -20px -80px;
}

.icoPc:hover {
    background-position: -40px -80px;
}

.icoPc:active {
    background-position: -60px -80px;
}

.s4_ .icoPc {
    background-position: -80px -80px;
}

.icoFc {
    background-position: -20px -100px;
}

.icoFc:hover {
    background-position: -40px -100px;
}

.icoFc:active {
    background-position: -60px -100px;
}

.s4_ .icoFc {
    background-position: -80px -100px;
}

.icoEd {
    background-position: -36px -720px;
}

.icoEd:hover {
    background-position: -72px -720px;
}

.icoEd:active {
    background-position: -108px -720px;
}

.ico36Save,
.e_ .icoEd {
    background-position: -36px -756px;
}

.ico36Save:hover,
.e_ .icoEd:hover {
    background-position: -72px -756px;
}

.ico36Save:active,
.e_ .icoEd:active {
    background-position: -108px -756px;
}

.ico30Save {
    background-position: -30px -630px;
}

.ico30Save:hover {
    background-position: -60px -630px;
}

.ico30Save:active {
    background-position: -90px -630px;
}

.ico36Help {
    background-position: -36px -2052px;
}

.ico36Help:hover {
    background-position: -72px -2052px;
}

.ico36Help:active {
    background-position: -108px -2052px;
}

.ico36Down {
    background-position: -36px -1440px;
}

.ico36Down:hover {
    background-position: -72px -1440px;
}

.ico36Down:active {
    background-position: -108px -1440px;
}


/*view box, container, content, list box*/

#VB,
#CTN,
#CTT {
    position: absolute;
    width: 100%;
    height: 100%;
}

#CTT {
    z-index: 900;
    overflow-y: auto;
}

#LB {
    z-index: 901;
    padding-bottom: 20px;
    text-align: center;
}


/*cover*/

.covBox {
    width: 260px;
    margin: 0 auto;
}

.cover_1,
.cover_2 {
    height: 96px;
}

.cover_1 {
    margin-top: 20px;
}

.cover_2 {
    margin-top: -28px;
}

.covM,
.covN {
    width: 260px;
    height: 48px;
    line-height: 48px;
    display: inline;
    font-size: 20px;
    cursor: pointer;
}

.covN {
    width: 120px;
}

.cover_1 .covM,
.cover_1 .covN {
    float: right;
}

.cover_2 .covM,
.cover_2 .covN {
    float: left;
}


/*menu box, tool box*/

#MB,
#MB.i_,
#TB,
#TB.i_ {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    opacity: .85;
}

#MB {
    z-index: 910;
}

#TB {
    z-index: 940;
}

#TB,
#TB.i_ {
    left: auto;
    right: 0;
    top: 0;
}

#MB.n_,
#TB.n_ {
    width: 160px;
    height: 100%;
    overflow-y: auto;
    border: 1px solid #8E8EAF;
    background-color: rgba(224, 233, 239, .85);
    opacity: 1;
}

#MB.n_ .mnLab,
#TB.n_ .mnLab {
    height: 30px;
    background-color: rgba(224, 233, 239, .85);
}

.mnNav {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: -30px -1440px;
}

.mnNav:hover {
    background-position: -60px -1440px;
}

.mnNav:active {
    background-position: -90px -1440px;
}

.mnTool {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: -30px -2730px;
}

.mnTool:hover {
    background-position: -60px -2730px;
}

.mnTool:active {
    background-position: -90px -2730px;
}

.mnBack {
    position: absolute;
    left: 31px;
    top: 0;
    width: 30px;
    height: 30px;
    background-position: -30px -3180px;
}

.mnBack:hover {
    background-position: -60px -3180px;
}

.mnBack:active {
    background-position: -90px -3180px;
}

.mnName {
    position: absolute;
    left: 61px;
    top: 0;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.mnList {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: calc(100% - 30px);
    overflow-y: auto;
}

.mnList .btn {
    margin: 20px;
}


/*vavtar, expression*/

#aePic {
    position: relative;
    margin: 20px 20px 0 20px;
}

#aePic .avaList,
#aePic .expList {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    cursor: pointer;
}

#aePic .expList .expImg {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
}

#aePic .expList .expTxt {
    position: relative;
    z-index: 10;
    height: 14px;
    line-height: 15px;
    margin-top: -18px;
    padding: 2px 5px;
    display: block;
    float: left;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .35);
}


/*edit box, cmd, cmd ico*/

#EB,
#EB.i_,
#CMD,
#cmdIco,
.icoCmdS,
.icoCmdWs {
    position: absolute;
    width: 36px;
    height: 30px;
    left: 0;
    bottom: 0;
}

#EB {
    z-index: 930;
    border: 1px solid #8E8EAF;
    background-color: rgba(224, 233, 239, .85);
}

#CMD {
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: left;
    font-size: 20px;
    outline: none;
    background-color: rgba(255, 255, 255, .35);
}

#EB #CMD,
#EB.i_ #CMD {
    width: 36px;
    padding: 0;
    text-align: center;
}

#cmdIco {
    width: 180px;
    height: 30px;
}

#EB #cmdIco,
#EB.i_ #cmdIco {
    display: none;
}

.icoCmdS {
    left: 180px;
    width: 30px;
    background-position: -30px -1500px;
}

.icoCmdS:hover {
    background-position: -60px -1500px;
}

.icoCmdS:active {
    background-position: -90px -1500px;
}

.icoCmdWs {
    left: 210px;
    width: 30px;
}

#EB.f_ .icoCmdWs {
    background-position: -30px -2370px;
}

#EB.f_ .icoCmdWs:hover {
    background-position: -60px -2370px;
}

#EB.f_ .icoCmdWs:active {
    background-position: -90px -2370px;
}

#EB.n_ .icoCmdWs {
    background-position: -30px -3540px;
}

#EB.n_ .icoCmdWs:hover {
    background-position: -60px -3540px;
}

#EB.n_ .icoCmdWs:active {
    background-position: -90px -3540px;
}

#EB.a_ .icoCmdWs {
    background-position: -30px -2400px;
}

#EB.a_ .icoCmdWs:hover {
    background-position: -60px -2400px;
}

#EB.a_ .icoCmdWs:active {
    background-position: -90px -2400px;
}

#EB.f_ {
    width: 240px;
}

#EB.f_ #CMD {
    width: 170px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: left;
}

#EB.n_ {
    width: 240px;
    height: 150px;
}

#EB.n_ #CMD {
    bottom: 30px;
    width: 230px;
    height: 120px;
    line-height: 24px;
    padding: 0 5px;
    overflow-y: auto;
    text-align: left;
}

#EB.n_ #cmdIco {
    width: 180px;
    height: 30px;
    display: block;
}

#EB.a_ {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}

#EB.a_ #CMD {
    bottom: 30px;
    width: calc(100% - 10px);
    height: calc(100% - 30px);
    line-height: 24px;
    padding: 0 5px;
    overflow-y: auto;
    text-align: left;
}

#EB.a_ #cmdIco {
    display: block;
}


/* cmd ico */

.cmdLink,
.cmdExp,
.cmdPic,
.cmdAdo,
.cmdVdo,
.cmdFile {
    position: absolute;
    left: 0;
    top: 0;
}

.cmdLink {
    left: 0px;
    background-position: -30px -690px;
}

.cmdLink:hover {
    background-position: -60px -690px;
}

.cmdLink:active {
    background-position: -90px -690px;
}

.cmdExp {
    left: 30px;
    background-position: -30px -720px;
}

.cmdExp:hover {
    background-position: -60px -720px;
}

.cmdExp:active {
    background-position: -90px -720px;
}

.cmdPic {
    left: 60px;
    background-position: -30px -750px;
}

.cmdPic:hover {
    background-position: -60px -750px;
}

.cmdPic:active {
    background-position: -90px -750px;
}

.cmdAdo {
    left: 90px;
    background-position: -30px -780px;
}

.cmdAdo:hover {
    background-position: -60px -780px;
}

.cmdAdo:active {
    background-position: -90px -780px;
}

.cmdVdo {
    left: 120px;
    background-position: -30px -810px;
}

.cmdVdo:hover {
    background-position: -60px -810px;
}

.cmdVdo:active {
    background-position: -90px -810px;
}

.cmdFile {
    left: 150px;
    background-position: -30px -3090px;
}

.cmdFile:hover {
    background-position: -60px -3090px;
}

.cmdFile:active {
    background-position: -90px -3090px;
}


/*msg box*/

#MSG,
#MSG.n_ {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 260px;
    height: 72px;
    border: 1px solid #8E8EAF;
    background-color: rgba(248, 248, 250, .85);
}

#MSG {
    z-index: 950;
}

#MSG.i_ {
    width: 10px;
    height: 10px;
}

#MSG .txt {
    height: 24px;
    line-height: 24px;
    padding: 0 3px;
    text-align: left;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all;
}

#MSG .txt:hover {
    background-color: rgba(175, 134, 239, .85);
    color: #FFF;
}

#MSG .txt:active {
    background-color: rgba(120, 64, 207, .85);
    color: #FFF;
}


/*float window*/

#FW {
    position: absolute;
    z-index: 920;
    border: 1px solid #8E8EAF;
    background-color: rgba(239, 239, 255, .9);
}

#FW.i_ {
    left: 50px;
    top: 50px;
    right: auto;
    bottom: auto;
    width: 480px;
    height: 320px;
}

#FW.n_ {
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    width: 680px;
    height: calc(100% - 2px);
}

#FW.a_ {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}

.H5WAP #FW.i_,
.H5WAP #FW.n_,
.H5WAP #FW.a_ {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 0;
    padding: 0;
}

#fwCtt {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    text-align: center;
}

#fwBtn,
#FW .icoX,
#FW .icoWs {
    position: absolute;
    right: 0;
    bottom: 0;
}

#fwBtn {
    z-index: 95;
    width: 60px;
    height: 30px;
}

#FW .icoWs {
    right: 30px;
    bottom: 0;
}


/*pop window*/

#POP {
    position: absolute;
    z-index: 960;
    border: 1px solid #8E8EAF;
    background-color: rgba(239, 239, 255, .9);
}

#POP.i_ {
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 280px;
    height: 200px;
    margin: -100px 0 0 -140px;
}

#POP.n_ {
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 320px;
    height: 380px;
    margin: -190px 0 0 -160px;
}

#POP.a_ {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 0;
}

.H5WAP #POP.i_,
.H5WAP #POP.n_,
.H5WAP #POP.a_ {
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 0;
}

#popCtt {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 20px);
    height: calc(100% - 50px);
    padding: 10px;
    overflow-y: auto;
    text-align: left;
}

#popLab {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 20px);
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: left;
    background-color: rgba(209, 209, 239, .9);
}

#popBtn,
#POP .icoX,
#POP .icoWs {
    position: absolute;
    right: 0;
    bottom: 0;
}

#popBtn {
    width: 60px;
    height: 30px;
}

#POP .icoWs {
    right: 30px;
    bottom: 0;
}


/*user info*/

.uilr .avaBox,
.uilr .unBox {
    width: 75px;
    height: 60px;
    display: inline;
    float: left;
}

.uilr .unBox {
    width: calc(100% - 75px);
    white-space: nowrap;
}

.uilr .unBox .unTxt {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: left;
    cursor: pointer;
}

.uilr .unBox .icoBox .icoTxt {
    margin-left: 5px;
}

.uitb .avaBox,
.uitb .unBox {
    width: 75px;
    height: 60px;
    display: block;
}

.uitb .unBox {
    height: 20px;
}

.uitb .unBox .unTxt {
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.userInfo .ava,
.userInfo .avaIco {
    width: 60px;
    height: 60px;
    display: inline;
    float: left;
    cursor: pointer;
}

.userInfo .avaIco {
    width: 15px;
}

.avaIco .ico15 {
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline;
    float: left;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.icoBox {
    text-align: left;
    white-space: nowrap;
}

.icoBox .icoTxt {
    margin-left: 5px;
    padding-right: 3px;
    display: inline-block;
    cursor: pointer;
}

.dynaCttCtn .icoBox20 .icoTxt {
    margin: 0 10px 0 0;
}

.icoBox .icoTxt .ico20,
.icoBox .icoTxt .ico30 {
    margin-right: 3px;
    display: inline;
    float: left;
}

.icoBox20,
.icoBox20 .icoTxt {
    height: 20px;
    line-height: 22px;
    font-size: 14px;
}

.icoBox30,
.icoBox30 .icoTxt {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}


/*list*/

.list {
    margin: 20px 0 0 20px;
    padding: 5px;
    display: inline;
    float: left;
}

.vmList {
    width: 290px;
}

.H5WAP .vmList {
    width: calc(100% - 50px);
    margin: 20px 20px 0 20px;
    display: block;
    float: none;
}

.lBox,
.rBox {
    display: inline;
    float: left;
}

.lBox {
    width: 75px;
}

.rBox {
    width: calc(100% - 75px);
}

.rBox .desBox {
    height: 50px;
    padding: 5px;
    cursor: pointer;
}

.rBox .pvpic,
.rBox .des {
    height: 50px;
    line-height: 17px;
    text-align: left;
}

.rBox .des {
    margin-top: -50px;
}


/*dynamic content*/

.dynaCttCtn {
    margin: 0;
}

.dynaCttCtn .dynaCtt {
    margin: 20px 20px 0 20px;
    text-align: left;
}

.dynaCttCtn .icoBox20 {
    height: 20px;
    margin: 20px;
}


/*user myinfo*/

.myinfo {
    height: 72px;
}

.muiLbox,
.muiRbox {
    width: 100%;
    display: inline;
    float: left;
}

.muiLbox {
    width: 0
}

.user_avaBox .muiLbox,
.user_avaBox .muiLbox img {
    width: 72px;
    height: 72px;
    cursor: pointer;
}

.user_avaBox .muiRbox {
    width: calc(100% - 72px);
    height: 72px;
}

.myinfo .nameBox,
.myinfo .nameBox .nameTxt,
.myinfo .valBox,
.myinfo .valBox .valTxt {
    height: 36px;
    line-height: 36px;
}

.myinfo .nameBox {
    background-color: rgba(195, 200, 223, .85);
}

.myinfo .nameBox .nameTxt {
    font-weight: bold;
}

.myinfo .valBox {
    background-color: rgba(224, 227, 239, .85);
}

.myinfo .nameBox .nameTxt,
.myinfo .valBox .valTxt,
.myinfo .muiRbox .ico36 {
    display: inline;
    float: left;
}

.myinfo .nameBox .nameTxt,
.myinfo .valBox .valTxt {
    padding: 0 5px;
    text-align: center;
    outline: 0;
    letter-spacing: 2px;
}

.myinfo .nameBox .nameTxt {
    width: 100%;
}

.myinfo .user_amnName .nameTxt,
.myinfo .user_fmnName .nameTxt,
.myinfo .user_imnName .nameTxt,
.myinfo .user_epbalName .nameTxt,
.myinfo .user_epamtName .nameTxt,
.myinfo .user_ilName .nameTxt {
    width: calc(100% - 46px);
}

.myinfo .valBox .valTxt {
    width: calc(100% - 46px);
}

.myinfo .user_uni .valTxt,
.myinfo .user_fmn .valTxt,
.myinfo .user_imn .valTxt,
.myinfo .user_epbal .valTxt,
.myinfo .user_epamt .valTxt,
.myinfo .user_gprt .valTxt,
.myinfo .user_prt .valTxt,
.myinfo .user_prti .valTxt,
.myinfo .user_gson .valTxt,
.myinfo .user_sp .valTxt {
    width: 100%;
}

.myinfo .user_uni .ico36,
.myinfo .user_fmn .ico36,
.myinfo .user_imn .ico36,
.myinfo .user_epbal .ico36,
.myinfo .user_epamt .ico36,
.myinfo .user_gprt .ico36,
.myinfo .user_prt .ico36,
.myinfo .user_prti .ico36,
.myinfo .user_gson .ico36,
.myinfo .user_sn .ico36,
.myinfo .user_sp .ico36,
.myinfo .user_on .ico36,
.myinfo .user_op .ico36 {
    display: none;
}

.myinfo .nameBox .ico36 {
    display: none;
}

.myinfo .user_amnName .ico36,
.myinfo .user_fmnName .ico36,
.myinfo .user_imnName .ico36,
.myinfo .user_epbalName .ico36,
.myinfo .user_epamtName .ico36,
.myinfo .user_ilName .ico36 {
    display: block;
}

.myinfo .user_amn .ico36 {
    background-position: -36px -4392px;
}

.myinfo .user_amn .ico36:hover {
    background-position: -72px -4392px;
}

.myinfo .user_amn .ico36:active {
    background-position: -108px -4392px;
}

.myinfo .user_il .ico36 {
    background-position: -36px -4428px;
}

.myinfo .user_il .ico36:hover {
    background-position: -72px -4428px;
}

.myinfo .user_il .ico36:active {
    background-position: -108px -4428px;
}

.myinfo .user_ilName .ico36 {
    background-position: -36px -4464px;
}

.myinfo .user_ilName .ico36:hover {
    background-position: -72px -4464px;
}

.myinfo .user_ilName .ico36:active {
    background-position: -108px -4464px;
}


/*qrlink*/

#qrlinkCtn {
    padding-bottom: 20px;
}

.qrlistB {
    position: relative;
    width: 300px;
    height: auto;
    margin: 20px 0 0 20px;
    display: inline;
    float: left;
}

.H5WAP .qrlistB {
    width: calc(100% - 40px);
    display: block;
    float: none;
}

.qrlistImg {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
}

.qrlistBtn {
    position: absolute;
    z-index: 10;
    bottom: 30px;
    margin: 0 auto 0 -18px;
    background-color: rgba(195, 200, 223, .85);
}


/*user content*/

.userCtt {
    padding-bottom: 20px;
}

.userCttBox {
    margin: 20px 20px 0 20px;
    padding-bottom: 20px;
    text-align: left;
    border: 1px solid #8E8EAF;
    background-color: rgba(239, 239, 255, .85);
}

.userCttLab {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #8E8EAF;
    background-color: rgba(224, 229, 239, .9);
}

.userCttNv {
    width: 178px;
    height: 60px;
    margin: 20px 0 0 20px;
    border: 1px solid #8E8EAF;
    display: inline;
    float: left;
}

.H5WAP .userCttNv {
    width: calc(100% - 42px);
}

.userCttN,
.userCttV {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #8E8EAF;
    text-align: center;
    background-color: rgba(224, 229, 239, .9);
}

.userCttV {
    border: 0;
    background-color: rgba(239, 239, 255, .75);
}

.userCttTxt {
    margin: 20px 0 0 0;
    padding: 0 20px;
}


/*top*/

.topList .tds3 .td {
    width: calc(50% - 1px);
}

.topList .tds3 .td1 {
    width: calc(20% - 1px);
}

.topList .tds3 .td3 {
    width: calc(30% - 1px);
}

.topList .tr1 .td {
    background: rgba(224, 229, 239, .85);
}

.topList .tr2 .td {
    background: rgba(239, 245, 255, .85);
}


/*float window content*/

.dyna #fwCtt {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding: 10px;
    text-align: left;
}

.dyna #fwCtt .tit {
    height: 36px;
    line-height: 36px;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
}

.dyna #fwCtt .picCtn {
    text-align: center;
}

.dyna #fwCtt img,
.dyna #fwCtt .pic {
    max-width: calc(100% - 20px);
    margin: 10px auto;
}

.dyna #fwCtt .picCtn img,
.dyna #fwCtt .picCtn .pic {
    max-width: 100%;
    margin: 10px auto;
}


/*game*/

.gmCtt {
    width: 100%;
    height: 160px;
    cursor: pointer;
}

.gmCtt .logo {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border: 0;
    display: block;
}

.gmCtt .name {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgba(239, 239, 255, .75);
}

.vdoBox {
    width: 640px;
    height: 360px;
    margin: 20px auto;
}

.vdoBox #vdoPlayer {
    width: 100%;
    height: 100%;
}


/*sel, hide*/

.s_ {
    color: #fff;
    background: linear-gradient(to top, #EF2700, #FF360F);
}

.h_,
i.h_,
.tdBox .h_ {
    display: none;
}